@import 'index.css';

.tjsj {
    margin-top: 0;
}

.mask {
  width: 100%;
  height: 100%;
  position: absolute;
    top: 0;
  z-index: 999;
  /* background-color: rgba(15, 15, 26, 0.7); */
  transform: translateY(-140%);
  transition: background 500ms;
}

.mask.maskactive {
    /*transform: translateY(0);*/
    transform: translateY(0%);
}

.mask.maskactive .maskbody {
    /*transform: translateY(0);*/
    transform: translateY(0%);
}
.filterList-characteristic-title::before, .filterList-discount-title::before {
	display: none;
}

.filterList-characteristic-title,
.filterList-discount-title {
	font-size: 28rpx;
	color: #060606;
	padding-left: 40rpx;
}
.filterList-discount-title {
	margin-bottom: 10rpx;
}
.filterList-characteristic-item {
	background: #F2F2F2;
	border-radius: 10rpx;
	padding: 10rpx 38rpx;
	color: #8B8B8B;
	font-size: 28rpx;
	margin-right: 13rpx;
	line-height: 50rpx;
	height: auto;
}
.filterList-discount-items {
	display: flex;
	flex-wrap: wrap;
}
.filterList-discount-item {
	background: #F2F2F2;
	border-radius: 10rpx;
	padding: 10rpx 38rpx;
	color: #8B8B8B;
	font-size: 28rpx;
	margin-right: 13rpx;
	line-height: 50rpx;
	height: auto;
}
.characteristic-selected,
.discount-selected {
	border: none;
	background: #469BF6;
	color: #fff;
}
.filterList  {
	height: auto;
	padding-bottom: 50rpx;
	border-bottom: 1px solid #E8E9E9;
}
.filterList-footer {
	width: 86%;
	margin: 30rpx auto ;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.filterList-footer-delect,
.filterList-footer-finish {
	width: 49%;
	padding-left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50rpx;
	height: 80rpx;
	flex: none
}
.filterList-footer-delect {
	background: #E8F5FE;
	color: #B2DDFB;
}
.filterList-footer-finish {
	background: #469BF6 !important;
	color: #fff;
}